<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>MY聊天室</title>
    <link rel="shortcut icon" href="img/chat.svg" type="image/x-icon">
    <link href="css/element.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/chat-room.css">
</head>
<body>
    <h3 class="room_title txt-center">MY聊天室 <span class="room_total"></span> </h3>
    <!-- 消息列表区域 -->
    <div class="msg_area">
        <div class="load_tip">
            加载中&nbsp;<i class="el-icon-loading"></i>
        </div>
    </div>
    <!-- <div class="d-flex (single_content) mb-20">
        <div class="head mt-10">
        </div>
        <div class="content (ml-10)">
            <p class="uname">用户xsaxsaxa</p>
            <div class="msg p-12 mt-10">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi veritatis ducimus obcaecati expedita facilis dolores aperiam rem quibusdam repellendus qui alias, non, soluta blanditiis aut consectetur beatae sed magnam nobis.
            </div>
        </div>
    </div>
    <div class="d-flex (my_content) mb-20">
        <div class="head mt-10">
        </div>
        <div class="content (mr-10)">
            <p class="uname">用户xsaxsaxa</p>
            <div class="msg p-12 mt-10">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi veritatis ducimus obcaecati expedita facilis dolores aperiam rem quibusdam repellendus qui alias, non, soluta blanditiis aut consectetur beatae sed magnam nobis.
            </div>
        </div>
    </div> -->
    <!-- 输入框区域 -->
    <div class="d-flex send_area mb-10">
        <textarea rows="4" class="el-textarea__inner mr-20" placeholder="在这里输入"></textarea>
        <img class="add_icon mr-10 ml-10" src="img/add.svg" alt="" title="添加图片">
        <button class="el-button el-button--success" onclick="sendMsg()">发送</button>
        <input class="input_img" type="file" accept=".jpg,.png,.jpeg">
    </div>

    <div class="preview_bg">
        <img class="prev_img" src=""/>
    </div>
    <script src="js/uuid.js"></script>
    <script src="js/socket.io.min.js"></script>
    <script src="js/dayjs.min.js"></script>
    <script src="js/index.js"></script>
</body>
</html>